import "package:fluent_ui/fluent_ui.dart";

class FormPage extends StatefulWidget {
  const FormPage({Key? key}) : super(key: key);

  @override
  State<FormPage> createState() => _FormPageState();
}

class _FormPageState extends State<FormPage> {
  @override
  Widget build(BuildContext context) {
    return ScaffoldPage.scrollable(
      header: const PageHeader(
        leading: Icon(FluentIcons.a_a_d_logo),
        title: Text("申报表单"),
      ),
      // bottomBar: const PageHeader(
      //   leading: Icon(FluentIcons.a_a_d_logo),
      //   title: Text("申报表单"),
      // ),
      children: [
        Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.max,
            children: const [
              Expanded(child: Text(" ")),
              Text("姓名"),
              SizedBox(
                width: 40,
              ),
              SizedBox(
                width: 500,
                child: TextBox(
                  minHeight: 35,
                  textAlignVertical: TextAlignVertical.center,
                  placeholder: "请输入姓名",
                ),
              ),
              Expanded(child: Text(" ")),
            ]),
        const SizedBox(
          height: 20,
        ),
        Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.max,
            children: const [
              Expanded(child: Text(" ")),
              Text("密码"),
              SizedBox(
                width: 40,
              ),
              SizedBox(
                width: 500,
                child: TextBox(
                  obscureText: true,
                  minHeight: 35,
                  textAlignVertical: TextAlignVertical.center,
                  placeholder: "请输入密码",
                ),
              ),
              Expanded(child: Text(" ")),
            ]),
        const SizedBox(
          height: 20,
        ),
        Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.max,
            children: [
              const Expanded(child: Text(" ")),
              Button(
                  child: const SizedBox(
                      width: 100,
                      height: 25,
                      child: Center(
                          child: Text(
                        "重置",
                      ))),
                  onPressed: () {}),
              const SizedBox(
                width: 50,
              ),
              FilledButton(
                  child: const SizedBox(
                      width: 100, height: 25, child: Center(child: Text("确定"))),
                  onPressed: () {}),
              const Expanded(child: Text(" ")),
            ]),
      ],
    );
  }
}
